/** 画布存储
 * @ 标  识: hchhIOT
 * @ 作  者: 阿拉丁矿工 黄传鸿 <hchhyzc@foxmail.com>
 */
/* ================================================================================================ */
//                                ★ 引入
/* ================================================================================================ */
import { defineStore } from "pinia";
/**———————————————————————————————————————————————————————————————————————————————————————————————— */
//                                ★ 存储
/**———————————————————————————————————————————————————————————————————————————————————————————————— */
export const useStaticStore = defineStore({
  id: "useStaticStore",
  /* ================================================================================================ */
  //                               ★ state
  /* ================================================================================================ */
  state: (): any => {
    return {
      /** 元素计数 */
      elementCont: [
        {
          "label": "笔筒_数量",
          "key": "penContainerCont",
          "val": 0
        },
        {
          "label": "画笔_数量",
          "key": "penCont",
          "val": 0
        },
        {
          "label": "页面_数量",
          "key": "pageCont",
          "val": 0
        },
        {
          "label": "布局_数量",
          "key": "layoutCont",
          "val": 0
        },
        {
          "label": "包_数量",
          "key": "wrapCont",
          "val": 0
        },
        {
          "label": "水平线_数量",
          "key": "horizontaLineCont",
          "val": 0
        },
        {
          "label": "垂直线_数量",
          "key": "verticalLineCont",
          "val": 0
        },
        {
          "label": "斜线_数量",
          "key": "slantLineCont",
          "val": 0
        },
        {
          "label": "圆_数量",
          "key": "circleCont",
          "val": 0
        },
        {
          "label": "椭圆_数量",
          "key": "ellipseCont",
          "val": 0
        },
        {
          "label": "矩形_数量",
          "key": "rectangleCont",
          "val": 0
        },
        {
          "label": "三点弧线_数量",
          "key": "arcCont",
          "val": 0
        },
        {
          "label": "圆分多边形_数量",
          "key": "circlePolygonCont",
          "val": 0
        },
        {
          "label": "扇形_数量",
          "key": "sectorCont",
          "val": 0
        },
        {
          "label": "多边形_数量",
          "key": "polygonCont",
          "val": 0
        },
        {
          "label": "折线_数量",
          "key": "polylineCont",
          "val": 0
        },
        {
          "label": "路径_数量",
          "key": "pathCont",
          "val": 0
        },
        {
          "label": "Svg文本_数量",
          "key": "svgTextCont",
          "val": 0
        },
        {
          "label": "DIV文本_数量",
          "key": "divTextCont",
          "val": 0,
        },
        {
          "label": "图片_数量",
          "key": "svgImageCont",
          "val": 0
        },
        {
          "label": "块_数量",
          "key": "divBlockCont",
          "val": 0
        },
        {
          "label": "块组_数量",
          "key": "blockGroupCont",
          "val": 0
        },
        {
          "label": "驱动_数量",
          "key": "driveCont",
          "val": 0
        },

      ],
      // ____________________________________________________________ | 页面
      /** 页面尺寸选项 */
      pageSizeOpt: [
        // 自定义
        {
          label: "自定义",
          size: [100, 100],
          unit: "px",
          value: "custom",
        },
        // 填充图标(10 px × 10 px)
        {
          label: "填充图标(10 px × 10 px)",
          size: [10, 10],
          unit: "px",
          value: "pattern_icon",
        },
        // SVG图标(1024 px × 1024 px)
        {
          label: "SVG图标(1024 px × 1024 px)",
          size: [1024, 1024],
          unit: "px",
          value: "svg_icon",
        },
        // A0(1189 mm × 841 mm)
        {
          label: "A0(1189 mm × 841 mm)",
          size: [1189, 841],
          unit: "mm",
          value: "A0",
        },
        // A1(841 mm × 594 mm)
        {
          label: "A1(841 mm × 594 mm)",
          size: [841, 594],
          unit: "mm",
          value: "A1",
        },
        // A2(594 mm × 420 mm)
        {
          label: "A2(594 mm × 420 mm)",
          size: [594, 420],
          unit: "mm",
          value: "A2",
        },
        // A3(420 mm × 297 mm)
        {
          label: "A3(420 mm × 297 mm)",
          size: [420, 297],
          unit: "mm",
          value: "A3",
        },
        // A4(297 mm × 210 mm)
        {
          label: "A4(297 mm × 210 mm)",
          size: [297, 210],
          unit: "mm",
          value: "A4",
        },
        // A5(210 mm × 148 mm)
        {
          label: "A5(210 mm × 148 mm)",
          size: [210, 148],
          unit: "mm",
          value: "A5",
        },
        // A6(148 mm × 105 mm)
        {
          label: "A6(148 mm × 105 mm)",
          size: [148, 105],
          unit: "mm",
          value: "A6",
        },
        // A7(105 mm × 74 mm)
        {
          label: "A7(105 mm × 74 mm)",
          size: [105, 74],
          unit: "mm",
          value: "A7",
        },
        //_____________________________________________________| 电脑屏幕
        // 800 px × 600 px
        {
          label: "800 px × 600 px",
          size: [800, 600],
          unit: "px",
          value: "s800_600",
        },
        // 1024 px × 768 px
        {
          label: "1024 px × 768 px",
          size: [1024, 768],
          unit: "px",
          value: "s1024_768",
        },
        // 1152 px × 864 px
        {
          label: "1152 px × 864 px",
          size: [1152, 864],
          unit: "px",
          value: "s1152_864",
        },
        // 1280 px × 600 px
        {
          label: "1280 px × 600 px",
          size: [1280, 600],
          unit: "px",
          value: "s1280_600",
        },
        // 1280 px × 720 px
        {
          label: "1280 px × 720 px",
          size: [1280, 720],
          unit: "px",
          value: "s1280_720",
        },
        // 1280 px × 768 px
        {
          label: "1280 px × 768 px",
          size: [1280, 768],
          unit: "px",
          value: "s1280_768",
        },
        // 1280 px × 800 px
        {
          label: "1280 px × 800 px",
          size: [1280, 800],
          unit: "px",
          value: "s1280_800",
        },
        // 1280 px × 960 px
        {
          label: "1280 px × 960 px",
          size: [1280, 960],
          unit: "px",
          value: "s1280_960",
        },
        // 1280 px × 1024 px
        {
          label: "1280 px × 1024 px",
          size: [1280, 1024],
          unit: "px",
          value: "s1280_1024",
        },
        // 1360 px × 768 px
        {
          label: "1360 px × 768 px",
          size: [1360, 768],
          unit: "px",
          value: "s1360_768",
        },
        // 1366 px × 768 px
        {
          label: "1366 px × 768 px",
          size: [1366, 768],
          unit: "px",
          value: "s1366_768",
        },
        // 1400 px × 1050 px
        {
          label: "1400 px × 1050 px",
          size: [1400, 1050],
          unit: "px",
          value: "s1400_1050",
        },
        // 1400 px × 900 px
        {
          label: "1400 px × 900 px",
          size: [1400, 900],
          unit: "px",
          value: "s1400_900",
        },
        // 16:9(1600 px × 900 px)
        {
          label: "16:9(1600 px × 900 px)",
          size: [1600, 900],
          unit: "px",
          value: "s1600_900",
        },
        // 1600 px × 1200 px
        {
          label: "1600 px × 1200 px",
          size: [1600, 1200],
          unit: "px",
          value: "s1600_1200",
        },
        // 1680 px × 1050 px
        {
          label: "1680 px × 1050 px",
          size: [1680, 1050],
          unit: "px",
          value: "s1680_1050",
        },
        // 1792 px × 1344 px
        {
          label: "1792 px × 1344 px",
          size: [1792, 1344],
          unit: "px",
          value: "s1792_1344",
        },
        // 1856 px × 1392 px
        {
          label: "1856 px × 1392 px",
          size: [1856, 1392],
          unit: "px",
          value: "s1856_1392",
        },
        // 页面尺寸[28]1920 px × 1080 px
        {
          label: "1920 px × 1080 px",
          size: [1920, 1080],
          unit: "px",
          value: "s1920_1080",
        },
        // 16:10(1920 px × 1200 px)
        {
          label: "16:10(1920 px × 1200 px)",
          size: [1920, 1200],
          unit: "px",
          value: "s1920_1200",
        },
        // 1920 px × 1280 px
        {
          label: "1920 px × 1280 px",
          size: [1920, 1280],
          unit: "px",
          value: "s1920_1280",
        },
        // 1920 px × 1400 px
        {
          label: "1920 px × 1400 px",
          size: [1920, 1400],
          unit: "px",
          value: "s1920_1400",
        },
        // 2048 px × 1152 px
        {
          label: "2048 px × 1152 px",
          size: [2048, 1152],
          unit: "px",
          value: "s2048_1152",
        },
        // 2048 px × 1536 px
        {
          label: "2048 px × 1536 px",
          size: [2048, 1536],
          unit: "px",
          value: "s2048_1536",
        },
        // 2160 px × 1400 px
        {
          label: "2160 px × 1400 px",
          size: [2160, 1400],
          unit: "px",
          value: "s2160_1400",
        },
        // 2520 px × 1680 px
        {
          label: "2520 px × 1680 px",
          size: [2520, 1680],
          unit: "px",
          value: "s2520_1680",
        },
        // 2560 px × 1400 px
        {
          label: "2560 px × 1400 px",
          size: [2560, 1400],
          unit: "px",
          value: "s2560_1400",
        },
        // 2560 px × 1600 px
        {
          label: "2560 px × 1600 px",
          size: [2560, 1600],
          unit: "px",
          value: "s2560_1600",
        },
        // 2560 px × 1600 px
        {
          label: "2560 px × 1920 px",
          size: [2560, 1920],
          unit: "px",
          value: "s2560_1920",
        },
        // 2560 px × 2048 px
        {
          label: "2560 px × 2048 px",
          size: [2560, 2048],
          unit: "px",
          value: "s2560_2048",
        },
        // 3120 px × 2080 px
        {
          label: "3120 px × 2080 px",
          size: [3120, 2080],
          unit: "px",
          value: "s3120_2080",
        },
        //_____________________________________________________| 手机尺寸
        // iPhone SE (667 px × 375 px)
        {
          label: "iPhone SE (667 px × 375 px)",
          size: [667, 375],
          unit: "px",
          value: "iPhone_SE",
        },
        // iPhone XR (896 px × 414 px)
        {
          label: "iPhone XR (896 px × 414 px)",
          size: [896, 414],
          unit: "px",
          value: "iPhone_XR",
        },
        // iPhone 12 Pro (844 px × 390 px)
        {
          label: "iPhone 12 Pro (844 px × 390 px)",
          size: [844, 390],
          unit: "px",
          value: "iPhone_12_Pro",
        },
      ],
      /** 页面方向选项  */
      pageOrientationOpt: [
        {
          label: "水平",
          value: "PageHorizontal",
        },
        {
          label: "竖向",
          value: "PageVertical",
        },
      ],
      /** 页面精度选项  */
      pageAccuracyOpt: [
        {
          label: "0级 1.0",
          value: "0级",
        },
        {
          label: "1级 0.1",
          value: "1级",
        },
        {
          label: "2级 0.01",
          value: "2级",
        },
        {
          label: "3级 0.001",
          value: "3级",
        },
        {
          label: "4级 0.0001",
          value: "4级",
        },
        {
          label: "5级 0.00001",
          value: "5级",
        },
        {
          label: "6级 0.000001",
          value: "6级",
        },
        {
          label: "7级 0.0000001",
          value: "7级",
        },
        {
          label: "8级 0.00000001",
          value: "8级",
        },
      ],
      // ____________________________________________________________| 颜色
      /** 颜色选项卡 */
      colorOpt: [
        "rgb(255, 0, 0)",
        "rgb(255, 255, 0)",
        "rgb(0, 255, 0)",
        "rgb(0, 255, 255)",
        "rgb(0, 0, 255)",
        "rgb(255, 0, 255)",
        "rgb(204, 102, 0)",
        "rgba(255, 255, 255,0)",
        "rgb(255, 255, 255)",
        "rgb(192, 192, 192)",
        "rgb(173, 173, 173)",
        "rgb(132, 132, 132)",
        "rgb(128, 128, 128)",
        "rgb(100, 100, 100)",
        "rgb(50, 50, 50)",
        "rgb(0, 0, 0)",
        "rgb(238, 10, 36)",
        "rgb(208, 48, 80)",
        "rgb(0, 17, 255)",
        "rgb(0, 7, 100)",
        "rgb(0, 67, 172)",
        "rgb(0, 84, 0)",
        "rgb(160, 160, 160)",
        "rgb(214, 214, 214)",
      ],
      // ____________________________________________________________ | 图元
      /** 线端点选项 */
      lineCapOpt: [
        // 粗大
        {
          label: "粗",
          value: "butt",
        },
        // 圆滑
        {
          label: "圆滑",
          value: "round",
        },
        //平整
        {
          label: "平整",
          value: "square",
        },
      ],
      /** 线链接选项 */
      linejoinOpt: [
        // 尖
        {
          label: "尖",
          value: "miter",
        },
        // 圆
        {
          label: "圆",
          value: "round",
        },
        //平
        {
          label: "平",
          value: "bevel",
        },
      ],
      /** 填充选项:1-颜色填充;2-图案填充;3-线性渐变填充;4-放射渐变填充;*/
      fillOpt: [
        // 颜色填充 Color
        {
          label: "颜色填充",
          value: 1,
        },
        // 图案填充 Pattern
        {
          label: "图案填充",
          value: 2,
        },
        // 线性渐变填充 Linear
        {
          label: "线性渐变填充",
          value: 3,
        },
        // 放射渐变填充 Radial
        {
          label: "放射渐变填充",
          value: 4,
        },
      ],
      /** 图案填充:
       * 1-颜色填充;
       * 2-图案填充;
       * 3-线性渐变填充;
       * 4-放射渐变填充;
       * */
      patternFillOpt: [
        // 颜色填充 Color
        {
          label: "点",
          value: 1,
        },
        {
          label: "方格",
          value: 2,
        },
        {
          label: "长方格",
          value: 3,
        },
        {
          label: "水平线",
          value: 4,
        },
        {
          label: "垂直线",
          value: 4,
        },
      ],
      /** 路径文本位置选项:1-x[];2-text-anchor[];3-startOffset[]*/
      pathTextPlaceOpt: [
        // x
        {
          label: "水平位置",
          value: 1,
        },
        // text-anchor
        {
          label: "锚点",
          value: 2,
        },
        // startOffset
        {
          label: "开始位置偏移",
          value: 3,
        },
      ],
      // ____________________________________________________________| 格栅
      /** 格栅模式选项:1_无格栅;2_点格栅;3_方格; */
      gridModelOpt: [
        //1_无格栅
        {
          label: "无格栅",
          value: 1,
        },
        //2_点格栅
        {
          label: "点格栅",
          value: 2,
        },
        // 3_方格
        {
          label: "方格",
          value: 3,
        },
      ],
      /** 格栅样式选项:1_像素尺寸;2_均分画布;3_按宽高均分画布;*/
      gridStyleOpt: [
        // 1_像素尺寸
        {
          label: "像素尺寸",
          value: 1,
        },
        // 2_均分画布
        {
          label: "均分画布",
          value: 2,
        },
        // 3_按宽高均分画布
        {
          label: "按宽高均分画布",
          value: 3,
        },
      ],
      /** 捕捉选项 */
      catchOpt: [
        {
          label: "端点",
          value: "CatchStart",
        },
        {
          label: "中心点",
          value: "catchMidle",
        },
        {
          label: "终点",
          value: "CatchEnd",
        },
        {
          label: "上左",
          value: "catchUpLeft",
        },
        {
          label: "上",
          value: "catchUp",
        },
        {
          label: "上右",
          value: "catchUpRight",
        },
        {
          label: "右",
          value: "catchRight",
        },
        {
          label: "下右",
          value: "catchDownRight",
        },
        {
          label: "Catch下右",
          value: "catchDown",
        },
        {
          label: "下左",
          value: "catchDownLeft",
        },
      ],

      // ____________________________________________________________| 动画
      /** 发送数据类型:1_文本;2_颜色 */
      sendTypeOpt: [
        {
          label: "文本数据",
          value: 1,
        },
        {
          label: "颜色数据",
          value: 2,
        },
      ],
      /** 发送数据集:1-图元数据;2-发送数据 */
      sendSetOpt: [
        {
          label: "图元数据",
          value: 1,
        },
        {
          label: "发送数据",
          value: 2,
        },
      ],
      /** 请求类型选项:1_GET;2_POST;3_PUSH */
      requestTypeOpt: [
        {
          label: "GET请求",
          value: 1,
        },
        {
          label: "POST请求",
          value: 2,
        },
        {
          label: "PUSH请求",
          value: 3,
        },
      ],
      /** 请求数周期选项:1_0.1秒; 2_0.5秒;3_1秒;4_1分钟;5_1小时; 6_1天;*/
      requestCycelOpt: [
        {
          label: "0.1秒",
          value: 1,
        },
        {
          label: "0.5秒",
          value: 2,
        },
        {
          label: "1秒",
          value: 3,
        },
        {
          label: "1分钟",
          value: 4,
        },
        {
          label: "1小时",
          value: 5,
        },
        {
          label: "1天",
          value: 6,
        },
      ],
      /** 变量类型选项:0_JSON数据;1_单行文本;2_颜色;3_多行文本;4_路由 */
      valTypeOpt: [
        {
          label: "JSON数据",
          value: 0,
        },
        {
          label: "单行文本",
          value: 1,
        },
        {
          label: "颜色数据",
          value: 2,
        },
        {
          label: "多行文本",
          value: 3,
        },
        // 路由
        {
          label: "路由",
          value: 4,
        },
      ],
      /** 设备数据类型:0_布尔;1_8位;2_16位;3_16位;4_32位;5_字符; */
      equipDataTypeOpt: [
        // 布尔
        {
          label: "布尔",
          value: 0,
        },
        // 8位
        {
          label: "8位",
          value: 1,
        },
        // 16位
        {
          label: "16位",
          value: 3,
        },
        // 32位
        {
          label: "32位",
          value: 4,
        },
        // 字符
        {
          label: "字符",
          value: 5,
        },

      ],
      /** 读写选项:0_读;1_写; */
      readWriteOpt: [
        // 读
        {
          label: "读",
          value: 0,
        },
        // 写
        {
          label: "写",
          value: 1,
        },
      ],
      /** 动画模式选项:1_值动画;2_值转换动画;3_自动画; */
      anModelOpt: [
        // 值动画
        {
          label: "值动画",
          value: 1,
        },
        // 值转换动画
        {
          label: "值转换动画",
          value: 2,
        },
        // 自动画
        {
          label: "自动画",
          value: 3,
        },
      ],
      /** 子动画链接_选项:1_图元数据;2_设备数据 */
      subAnLinkOpt: [
        {
          label: "图元数据",
          value: 1,
        },
        {
          label: "设备数据",
          value: 2,
        },
      ],
      /** 使用父数据_选项:0_父数据; 1_图元数据;2_设备数据 */
      useParentSetOpt: [
        {
          label: "父数据",
          value: 0,
        },
        {
          label: "图元数据",
          value: 1,
        },
        {
          label: "设备数据",
          value: 2,
        },
      ],
      /** 使用子数据_选项: 1_图元数据;2_设备数据 */
      useSubSetOpt: [
        {
          label: "图元数据",
          value: 1,
        },
        {
          label: "设备数据",
          value: 2,
        },
      ],
      /** 使用值选项:1_起始和结束;2_多值; */
      useValOpt: [
        {
          label: "起始和结束",
          value: 1,
        },
        {
          label: "多值",
          value: 2,
        }
      ],
      /** 动画重复选项:0_无;1_无限循环动画;2_按次重复动画;3_按秒重复动画;4_同步动画 */
      anRepeatOpt: [
        {
          label: "无",
          value: 0,
        },
        {
          label: "无限循环动画",
          value: 1,
        },
        {
          label: "按次重复动画",
          value: 2,
        },
        {
          label: "按秒重复动画",
          value: 3,
        },
        {
          label: "同步动画",
          value: 3,
        },
      ],
      /** CSS动画_选项 */
      cssAnOpt: [
        {
          label: "淡入",
          value: "fadeIn",
        },
        {
          label: "向下淡入",
          value: "fadeInDown",
        },
        {
          label: "向下快速淡入",
          value: "fadeInDownBig",
        },
        {
          label: "向右淡入",
          value: "fadeInLeft",
        },
        {
          label: "向右快速淡入",
          value: "fadeInLeftBig",
        },
        {
          label: "向左淡入",
          value: "fadeInRight",
        },
        {
          label: "向左快速淡入",
          value: "fadeInRightBig",
        },
        {
          label: "向上淡入",
          value: "fadeInUp",
        },
        {
          label: "向上快速淡入",
          value: "fadeInUpBig",
        },
        {
          label: "淡出",
          value: "fadeOut",
        },
        {
          label: "向下淡出",
          value: "fadeOutDown",
        },
        {
          label: "向下快速淡出",
          value: "fadeOutDownBig",
        },
        {
          label: "向左淡出",
          value: "fadeOutLeft",
        },
        {
          label: "向左快速淡出",
          value: "fadeOutLeftBig",
        },
        {
          label: "向右淡出",
          value: "fadeOutRight",
        },
        {
          label: "向右快速淡出",
          value: "fadeOutRightBig",
        },
        {
          label: "向上淡出",
          value: "fadeOutUp",
        },
        {
          label: "向上快速淡出",
          value: "fadeOutUpBig",
        },
        {
          label: "弹跳进入",
          value: "bounceIn",
        },
        {
          label: "向下弹跳进入",
          value: "bounceInDown",
        },
        {
          label: "向右弹跳进入",
          value: "bounceInLeft",
        },
        {
          label: "向左弹跳进入",
          value: "bounceInRight",
        },
        {
          label: "向上弹跳进入",
          value: "bounceInUp",
        },
        {
          label: "弹跳退出",
          value: "bounceOut",
        },
        {
          label: "向下弹跳退出",
          value: "bounceOutDown",
        },
        {
          label: "向左弹跳退出",
          value: "bounceOutLeft",
        },
        {
          label: "向右弹跳退出",
          value: "bounceOutRight",
        },
        {
          label: "向上弹跳退出",
          value: "bounceOutUp",
        },
        {
          label: "放大进入",
          value: "zoomIn",
        },
        {
          label: "向下放大进入",
          value: "zoomInDown",
        },
        {
          label: "向右放大进入",
          value: "zoomInLeft",
        },
        {
          label: "向左放大进入",
          value: "zoomInRight",
        },
        {
          label: "向上放大进入",
          value: "zoomInUp",
        },
        {
          label: "缩小退出",
          value: "zoomOut",
        },
        {
          label: "向下缩小退出",
          value: "zoomOutDown",
        },
        {
          label: "向左缩小退出",
          value: "zoomOutLeft",
        },
        {
          label: "向右缩小退出",
          value: "zoomOutRight",
        },
        {
          label: "向上缩小退出",
          value: "zoomOutUp",
        },
        {
          label: "顺时针旋转进入",
          value: "rotateIn",
        },
        {
          label: "从左往下旋入",
          value: "rotateInDownLeft",
        },
        {
          label: "从右往下旋入",
          value: "rotateInDownRight",
        },
        {
          label: "从左往上旋入",
          value: "rotateInUpLeft",
        },
        {
          label: "从右往上旋入",
          value: "rotateInUpRight",
        },
        {
          label: "顺时针旋转退出",
          value: "rotateOut",
        },
        {
          label: "向左下旋出",
          value: "rotateOutDownLeft",
        },
        {
          label: "向右下旋出",
          value: "rotateOutDownRight",
        },
        {
          label: "向左上旋出",
          value: "rotateOutUpLeft",
        },
        {
          label: "向右上旋出",
          value: "rotateOutUpRight",
        },
        {
          label: "水平翻转进入",
          value: "flipInX",
        },
        {
          label: "垂直翻转进入",
          value: "flipInY",
        },
        {
          label: "水平翻转退出",
          value: "flipOutX",
        },
        {
          label: "垂直翻转退出",
          value: "flipOutY",
        },

        {
          label: "弹跳",
          value: "bounce",
        },
        {
          label: "闪烁",
          value: "flash",
        },
        {
          label: "脉冲",
          value: "pulse",
        },
        {
          label: "橡皮筋",
          value: "rubberBand",
        },
        {
          label: "左右弱晃动",
          value: "shake",
        },
        {
          label: "上下摆动",
          value: "swing",
        },
        {
          label: "缩放摆动",
          value: "tada",
        },
        {
          label: "左右强晃动",
          value: "wobble",
        },
        {
          label: "拉伸抖动",
          value: "jello",
        },
      ],
      /** CSS动画延时_选项 */
      cssAnDelayOpt: [
        {
          label: "延时2秒",
          value: "delay_2s",
        },
        {
          label: "延时3秒",
          value: "delay_3s",
        },
        {
          label: "延时4秒",
          value: "delay_4s",
        },
        {
          label: "延时5秒",
          value: "delay_5s",
        },
      ],
      /** CSS动画加速_选项 */
      cssAnSpeedOpt: [
        {
          label: "加速2秒",
          value: "slow",
        },
        {
          label: "加速3秒",
          value: "slower",
        },
        {
          label: "加速800ms",
          value: "fast",
        },
        {
          label: "加速500ms",
          value: "faster",
        },
      ],
      /** CSS动画循环_次数 */
      cssAnLoopOpt: [
        {
          label: "循环1次",
          value: "1",
        },
        {
          label: "循环2次",
          value: "2",
        },
        {
          label: "循环3次",
          value: "3",
        },
        {
          label: "循环",
          value: "infinite",
        },
      ],

      // ____________________________________________________________| DIV图元
      /** 边框样式选项 */
      borderStyleOpt: [
        {
          label: "无边框",
          value: "none",
        },
        {
          label: "单实线",
          value: "solid",
        },
        {
          label: "虚线",
          value: "dashed",
        },
        {
          label: "点线",
          value: "dotted",
        },
        {
          label: "双实线",
          value: "double",
        }
      ],
      /** 对齐方式 */
      textAlignOpt: [
        {
          label: "左对齐",
          value: "left",
        },
        {
          label: "居中对齐",
          value: "center",
        },
        {
          label: "右对齐",
          value: "right",
        },
      ],
      // ____________________________________________________________| Svg文本
      /** 文本字体 */
      fontFamilyOpt: [
        {
          label: "Arial",
          value: "Arial",
        },
        {
          label: "等线",
          value: "等线",
        },
        {
          label: "黑体",
          value: "黑体",
        },
        {
          label: "仿宋",
          value: "仿宋",
        },
        {
          label: "楷体",
          value: "楷体",
        },
      ],
      /** 对齐方式 */
      textAnchorOpt: [
        // 左对齐
        {
          label: "左对齐",
          value: "start",
        },
        // 中间对齐
        {
          label: "中间对齐",
          value: "middle",
        },
        // 右对齐
        {
          label: "右对齐",
          value: "end",
        },
      ],
      /** 划线设置 */
      textDecorationOpt: [
        // 无划线
        {
          label: "无划线",
          value: "none",
        },
        // 下划线
        {
          label: "下划线",
          value: "underline",
        },
        // 上划线
        {
          label: "上划线",
          value: "overline",
        },
        // 删除线
        {
          label: "删除线",
          value: "line_through",
        },
      ],
      /** 文本样式 */
      fontStyleOpt: [
        {
          label: "正常",
          value: "normal",
        },
        {
          label: "斜体",
          value: "italic",
        },
      ],
      /** 文本粗细 */
      fontWeightOpt: [
        {
          label: "细",
          value: "normal",
        },
        {
          label: "粗",
          value: "bold",
        },
      ]
    };
  },
  /* ================================================================================================ */
  //                               ★ getters
  /* ================================================================================================ */
  getters: {},

  /* ================================================================================================ */
  //                               ★ actions
  /* ================================================================================================ */
  actions: {},
});
